<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title th:fragment="title" >Page Subscription Detail</title>
		<th:block th:fragment="header">
		</th:block>
	</head>
	<body>
		<div th:fragment="content">
			<h3>Page Subscription</h3>
			<hr />
			<div class="row">
				<label class="col-md-3 text-right">Name</label>
				<div class="col-md-9" th:text="${subscription.name}">
					Name
				</div>
			</div>
			<div class="row">
				<label class="col-md-3 text-right">Description</label>
				<div class="col-md-9" th:text="${subscription.description}">
					Description
				</div>
			</div>
			<div class="row">
				<label class="col-md-3 text-right">URL</label>
				<div class="col-md-9">
					<a target="_blank" th:href="${subscription.url}" th:text="${subscription.url}">URL</a>
				</div>
			</div>
			<div class="row">
				<label class="col-md-3 text-right">Message Format</label>
				<div class="col-md-9" th:text="${subscription.msgFormat}">
					Message Format
				</div>
			</div>
			<div class="row">
				<label class="col-md-3 text-right">Last
					Message</label>
				<div class="col-md-9" th:text="${subscription.lastMsg}">
					Last Message
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 col-md-offset-3">
					<a href="#" class="btn btn-primary btn-md" role="button" target="_blank"
					   th:href="@{/subscription/edit/{id}(id=${subscription.id})}">Edit</a>
				</div>
			</div>
			<h4>Checkpoints</h4>
			<hr />
			<ul>
				<li class="row" th:each="point : ${points}">
					<div class="col-md-1 text-right" th:text="${point.order}">Order</div>
					<div class="col-md-3" th:text="${point.name}">Name</div>
					<div class="col-md-7" th:text="${point.selector}">Selector</div>
					<a href="#" class="btn btn-primary btn-xs" role="button" target="_blank"
					   th:href="@{/subscription/checkpoint/edit/{id}(id=${point.id})}">Edit</a>
				</li>
			</ul>
		</div>
		<th:block th:fragment="script">
			<script th:src="@{/assets/js/share/boolCheckbox.js}" type="text/javascript"></script>
		</th:block>
	</body>
</html>